<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<!-- 脚本引入模块化代码  => 只能引入并执行模块化代码 => 不能做其他额外操作 -->
<script type="module" src="../module/demo1.js"></script>
<script type="module">
    // 只能引入并执行模块化代码 => 不能使用模块中暴露的变量和方法
    // import "../module/demo1.js";

    // import { a, addA } from "../module/demo1.js";
    // import { b, addB } from "../module/demo2.js";
    // import { c, addC } from "../module/demo3.js";
    // console.log(a, b, c);

    // 引入模块中的默认值(变量名可以自定义)
    // import x from "../module/demo1.js";
    // import y from "../module/demo2.js";
    // import z from "../module/demo3.js";
    // console.log(x, y, z);

    // 分别引入默认值 和 按需引入
    import x, { a, addA } from "../module/demo1.js";
    console.log(x, a, addA);


</script>

</html>